<template>
   <el-container>
    <el-aside width="300px"><Navigation /></el-aside>
    <el-main ><Subject /></el-main>
   </el-container>
</template>

<script>
import Navigation from "./Navigation";
import Subject from "./Subject";
export default {
  name: "HelloWorld",
  components: {
    Navigation,
    Subject,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-aside{
  width: 300px;
}
.el-container{
  margin: 0 auto;
  width: 2000px;
  height: 1100px;
  position: relative;
}
.el-main {
  padding-top: 0px;
}


</style>
